const path = require('path')//引入path模块
const resolve = dir => path.join(__dirname, dir)//path.join(__dirname)设置绝对路径
module.exports = {
    // 设置打包文件相对路径（默认/，打包后会白屏）
    publicPath: "./",
    // 是否为生产环境构建生成 source map？如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错，有了map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。
    productionSourceMap: false,
    // 打包文件命名
    outputDir: "dist", // 打包后文件的目录 （默认为dist）
    assetsDir: 'static', //  outputDir的静态资源(js、css、img、fonts)目录  默认为''没有单独目录js/css/img在根目录中。
    // 配置使用CDN
    configureWebpack: {
    },
    // 设置跨域请求
    devServer: {
        overlay: { //  当出现编译器错误或警告时，在浏览器中显示全屏覆盖层
            warnings: true,
            errors: true
        },
        host: "0.0.0.0", // 请求头
        port: 8080, // 端口
        open: true,//配置自动启动浏览器
        hotOnly: true,// 热更新(更改代码保存之后  不用刷新即可看见页面效果)
        proxy: {//配置跨域
            "/domain": {
                target: 'https://ceshi.jifengyinyue.com', // 后端请求接口
                // ws: true, // 是否启用websockets
                changeOrigin: true, // 允许跨域
                pathRewrite: {
                    "^/domain": "/"
                }
            },
        }
    },
    chainWebpack: config => {
        // 添加别名
        config.resolve.alias
          .set('@', resolve('src'))
          .set('assets', resolve('src/assets'))
          .set('views', resolve('src/views'))
          .set('components', resolve('src/components'))
        //   .set('api', resolve('src/api'))
          //set第一个参数：设置的别名，第二个参数：设置的路径
      }
};
